<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>知了知了</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1631099_c2ht6ck3pi.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/second.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <style>

    </style>
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }

    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads baibg">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="lanbg">
        <div class="main-md">
            <div class="shop_banner">
                <img src="images/dyf/zhaobg.jpg" alt="">
            </div>
            <div class="join">
                <div class="join_text">
                    <h1>知了知了学习网讲师招聘</h1>
                    <h4>zhilizhili Learning Network Instructor Recruitment</h4>
                    <p>在这里是您一展才华的舞台，广阔的发展平台，无限的上升空间。只要你满怀
                        热情真诚授课。在这里是您一展才华的舞台，广阔的发展平台，无限的上升空
                        间。只要你满怀热情真诚授课。</p>
                </div>
                <div class="join_img">
                    <img src="images/dyf/zhaos.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="huibg">
        <div class="main-md">
            <div class="hot_tits">
                <h1>讲师级别</h1>
                <h3> <span> INSTRUCTOR LEVEL </span> </h3>
            </div>
            <div class="level">
                <ul>
                    <li>
                        <img src="images/dyf/zh-1.jpg" alt="">
                        <p>普通级</p>
                    </li>
                    <li>
                        <img src="images/dyf/zh-2.jpg" alt="">
                        <p>铜牌级</p>
                    </li>
                    <li>
                        <img src="images/dyf/zh-3.jpg" alt="">
                        <p>银牌级</p>
                    </li>
                    <li>
                        <img src="images/dyf/zh-4.jpg" alt="">
                        <p>金牌级</p>
                    </li>
                </ul>
            </div>
            <div class="level_text">
                <p>规则：讲师分为普通级、铜牌级、银牌级、金牌级 后台审核进行评级。<em>级别越高，分成越多 </em> 铜牌 老师审请提交表，优质作品2个；银牌优质作品10个；金牌优质作品30个;</p>
            </div>
        </div>
    </div>
    <div class="lanbg">
        <div class="main-md">
            <div class="hot_tits">
                <h1>申请流程</h1>
                <h3> <span>APPLICATION PROCESS </span> </h3>
            </div>
            <div class="level">
                <ul>
                    <li>
                        <img src="images/dyf/zh-5.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/dyf/zh-6.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/dyf/zh-7.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/dyf/zh-8.jpg" alt="">
                    </li>
                </ul>
            </div>
            <div class="level_text">
                <p>审请流程签订合约（合同）、填写审请资料、身份证明资料、银行收款资料、资质、公司营业执照、身份验证（手持身份证照片）、提供作品样本。</p>
            </div>
            <div class="level_btn">
                <a href="#">点击按钮成为老师</a>
            </div>
        </div>
    </div>
    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>

    </script>
</body>

</html>